<template>
         <!--头部 -->
         <div class="header">
      <div class="containor">
        <!-- 点击行学天下时，跳转至首页，使用$router.go(-1) -->
        <div class="name" @click="$router.go(-1)">
          <img
            src="../assets/hhxy.png"
            alt="图片丢失"
            width="360px"
            height="80px"
          />
          </div>
        <div class="telephone">
          <img
            src="../assets/telephone.png"
            alt="图片丢失"
            width="25px"
            height="25px"
          />
          <span class="联系我们">联系我们</span>
        </div>
      </div>

    <div class="Boss">
    <pre class="content">
    <span class="联系我们x"><b>联系我们</b></span>


    欢迎来到怀化学院书网。
    关于怀院书网的使用问题、改进建议，或举报不良信息，请点击每个网页右下角：意见反馈。

    <span class="热线服务"><b>热线服务</b></span>


    怀院书网客服：国内 1234-000-678 海外 +86-12-7777-8888

    <span class="服务邮箱"><b>服务邮箱</b></span>


    怀院书网广告部：ADD@gmail.com
    怀院书网商务合作：hhxy123@gmail.com
    怀院书网内容及流量合作：hhxy321@gmail.com



    </pre>





    </div>
    </div>

</template>

<script>
    export default{};
</script>

<style scoped>
.header {
  /* display: flex; */
  height: 80px;
  font-family: "微软雅黑";
  box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.329);
}
.containor {
  width: 90%;
  margin: 0 auto;
  height: 80px;
}
/* 为因为子元素浮动产生高度塌陷的父元素清除浮动 => 使用伪元素来清除浮动 */
.containor::after {
  display: block;
  clear: both;
  content: "";
}

.name {
  float: left;
  font-size: 22px;
  font-weight: bold;
  color: #555;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
  font-family: "微软雅黑";
}
.category {
  float: left;
  display: flex;
  margin: 0;
  padding: 0 1em;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  color: #666;
  margin-left: 50px;
}

.telephone {
  float: right;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  color: #888;
  cursor: pointer;
}
.telephone > img {
  position: relative;
  top: 5px;
  margin-right: 10px;
}
.content{
    font-family: "微软雅黑";
    color: rgb(90, 89, 89);
}

.联系我们x{
    font-size: 20px;
}

.热线服务{
    font-size: 20px;
}

.服务邮箱{
    font-size: 20px;
}

.Boss{
    margin-left: 75px;
}
</style>

